<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
 <title>ECharts</title>
</head>
<body>
	<h2 align="center">2014年钻井工作量</h2>
	<!-- 为ECharts准备一个具备大小（宽高）的Dom -->
	<div id="main" style="height:400px"></div>
	<!-- ECharts单文件引入 -->
    <script src="http://echarts.baidu.com/build/echarts-plain-map.js"></script>
    <script type="text/javascript">
        // 基于准备好的dom，初始化echarts图表
        var myChart = echarts.init(document.getElementById('main')); 
        
        var option = {
            tooltip: {
                show: true
            },
            toolbox: {
    	        show : true,
    	        feature : {
    	            /* mark : {show: true},
    	            dataView : {show: true, readOnly: false}, */
    	            magicType : {show: true, type: ['line', 'bar']},
    	            restore : {show: true},
    	            saveAsImage : {show: true}
    	        }
    	    },
            legend: {
                data:['工作量']
            },
            calculable : true,
            xAxis : [
                {
                    type : 'category',
                    data : ["探井","开发井","水平井","定向井","大位移井"]
                }
            ],
            yAxis : [
                {
                    type : 'value'
                }
            ],
            series : [
                {
                    "name":"工作量",
                    "type":"bar",
                    "data":[50, 40, 20, 10, 10]
                }
            ]
        };
        // 为echarts对象加载数据 
        myChart.setOption(option); 
    </script>
</body>
</html>